﻿/*
 * Test CSS n°1 04/02/2011
 * Jérémy
*/


/* @font-face { font-family: Green-Pillow; src: url('font-greenpillow.TTF'); } */

body {
background-color:#FFE573;
margin:auto;
}

#mainbloc {
margin-left: auto;
margin-right: auto;
background-color:#FFC24E;
width:1030px;
height:100%;
}

/* = MENU
----------------------------------------------- */
	#bloc-login {
	width:1030px;
	height:36px;
	}

	#barre-login {
	background-image:url(../design/barre-login.png);
	width:678px;
	height:36px;
	float:right;
	margin-bottom:10px;
	background-repeat: no-repeat ;
	}
	
	#barre-login2 {
	height:36px;
	float:right;
	position:relative;
	right:300px;
	margin-bottom:10px;
	}
	
	input.inpout_pseudo
	{
		position:relative;
		/*bottom:15px;*/
		left:72px;
		width:100px;
	}
	
	input.inpout_mdp
	{
		position:relative;
		/*bottom:15px;*/
		left:188px;
		width:100px;
	}
	
	input.inpout_connexion
	{
		background-image:url(../design/bt-login.png);
		position:relative;
		left:187px;
		width:139px;
		height:38px;
		border:none;
	}
	
	a.inscription
	{
		float:right;
		position:relative;
		right:150px;
	}
	
	#bt-login {
	//background-image:url(../design/bt-login.png);
	width:142px;
	height:36px;
	float:right;
	margin-bottom:10px;
	}

	#bloc-banniere {
	width:1030px;
	height:220px;
	margin-top:10px;
	margin-bottom:10px;
	}

	#banniere {
	background-image:url(../design/banniere.png);
	width:821px;
	height:220px;
	margin-left:auto;
	margin-right:auto;
	}
	
	#bt-accueil {
	background-image:url(../design/bt-accueil.png);
	width:257px;
	height:100px;
	float:left;
	}
	
	#bt-bibliotheque {
	background-image:url(../design/bt-bibliotheque.png);
	width:258px;
	height:100px;
	float:left;
	}
	
	#bt-clubvip {
	background-image:url(../design/bt-clubvip.png);
	width:258px;
	height:100px;
	float:left;
	}
	
	#bt-forum {
	background-image:url(../design/bt-forum.png);
	width:257px;
	height:100px;
	float:left;
	}

/* = CORPS
----------------------------------------------- */	
	#corps-de-page {
	margin-left: auto; 
	margin-right: auto;
	width:1030px;
	margin-top:10px;
	background-color:#FFC24E;
	height:100%;
		/*border:1px solid black;*/
	}
	
	#texte {
	background-color:#FFCF73;
	/*margin:10px 0px 10px 10px;	/* top - right - bottom - left */
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	min-height:500px;
	padding:7px;
	width:720px;
	float:left;
	-moz-border-radius:1em;		/* bords arrondis en CSS3*/
	-webkit-border-radius:1em;
	}
	
	#texte-accueil{
	background-color:#FFCF73;
	/*margin:10px 0px 10px 10px;	/* top - right - bottom - left */
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	padding:7px;
	min-height:500px;
	width:720px;
	float:left;
	-moz-border-radius:1em;		/* bords arrondis en CSS3*/
	-webkit-border-radius:1em;
	}
	
	#aff-piou {
	width:281px;
	height:334px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../design/aff-piou.png);
	}	
	
	#recherche {
	width:250px;
	height:200px;
	margin-top:10px;
	margin-right:10px;
	padding:7px;
	background-color:#FFCF73;
	float:right;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	}

	#aff-recherche {
	width:250px;
	height:39px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom:5px;
	background-image:url(../design/aff-recherche.png);
	}
	
	#aff-recherche-avancee{
	width:250px;
	height:30px;
	margin-top:5px;
	background-image:url(../design/aff-recherche-avancee.png);
	}
	
	#scan-star {
	width:250px;
	height:200px;
	margin-right:10px;
	margin-top:10px;
	padding:7px;
	background-color:#FFCF73;
	float:right;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	}
	
	#aff-scan-star {
	width:250px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../design/aff-scan-star.png);
	}


/* LIENS */

a
{
text-decoration:none;
}
	
/* = FORUM
----------------------------------------------- */
	#forum-bloc{
	width:400px;
	}

	#forum-catego{
	width:400px;
	padding-left:7px;
	background-color:#FF9340;
	}
	
	#forum-ss-catego{
	width:300px;
	margin-left:15px;
	padding-left:25px;
	background-color:#FFB073;
	}
	
	
/* = Propriétés
----------------------------------------------- */
	span{
	inline:display;
	}
	
	span#ok{
	color:green;
	}
	
	span#notok{
	color:red;
	}
	
	.center { 
	text-align:center; 
	}
	
/* = Polices
----------------------------------------------- */
	
	@font-face {
	font-family:'Green-Pillow';
	src: url(../design/font/font-greenpillow.TTF);
	}
	
	.green-pillow {
	font-family:"Green-Pillow", sans-serif;
	font-size:35px;
	color:#D8730F;
	}
	
	@font-face {
	font-family: 'VTCLettererProRegular';
	src: url(../design/font/VTC_letterer_pro-webfont.eot?) format('eot'),
		 url(../design/font/VTC_letterer_pro-webfont.woff) format('woff'),
		 url(../design/font/VTC_letterer_pro-webfont.ttf) format('truetype'),
		 url(../design/font/VTC_letterer_pro-webfont.svg#webfontf5atsL2u) format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	.vtc-letterer {
	font-family:"VTCLettererProRegular", sans-serif;
	font-size:30px;
	color:#D8730F;